<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>用户列表</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" href="../mui/css/mui.min.css"/>
    <style>
        table {
            width: 100%;
            font-size: 14px;
            text-align: center;
            background: #FFFFFF;
        }
        .search-query {
            margin-top: 10px;
            font-size: 14px;
            line-height: 55px;
        }
        .search-query input{
            width: 100px;
        }
        .search-query button {
            vertical-align: middle;
        }
    </style>
    <script src="../mui/js/mui.min.js"></script>
</head>
<body>
    <header class="mui-bar mui-bar-nav">
        <h1 class="mui-title">用户列表</h1>
    </header>
    <div class="mui-content">
        <!--<div class="search-query">-->
            <!--<span>姓名</span>-->
            <!--<input type="text" id="userName"/>-->
            <!--<span>年龄</span>-->
            <!--<input type="text" id="age"/>-->
            <!--<button type="button" class="btn-primary" id="searchBtn">搜索</button>-->
        <!--</div>-->
        <!--<ul class="mui-table-view lists">-->
            <!--<li class="mui-table-view-cell" th:each="user : ${userList}">-->
                <!--<span th:text="${user.nickname}"></span>-->
                <!--<button class="btn mui-bg-primary btn-small" id="btn" style="float: right; color: #FFFFFF;" data-id="">领取</button>-->
            <!--</li>-->
            <table>
                <tr>
                    <th>姓名</th>
                    <th>昵称</th>
                    <th>手机号</th>
                    <th>地址</th>
                    <th>会员酒剩余数量</th>
                    <th>推广酒剩余数量</th>
                    <th>操作</th>
                </tr>
                <tr th:each="user : ${userList}">>
                    <td th:text="${user.realname}"></td>
                    <td th:text="${user.nickname}"></td>
                    <td th:text="${user.mobile}"></td>
                    <td th:text="${user.address}"></td>
                    <td th:text="${user.surplusCount}"></td>
                    <td th:text="${user.extensionCount}"></td>
                    <td>
                        <button class="btn mui-bg-primary btn-small" style="color: #FFFFFF;" th:attr="data-id=${user.id}">领取</button>
                    </td>
                </tr>
                <!--<tr>-->
                    <!--<td>liyun</td>-->
                    <!--<td>liyun</td>-->
                    <!--<td>liyun</td>-->
                    <!--<td>liyun</td>-->
                    <!--<td>liyun</td>-->
                    <!--<td>liyun</td>-->
                    <!--<td>-->
                        <!--<button class="btn mui-bg-primary btn-small" style="color: #FFFFFF;" data-id="">领取</button>-->
                    <!--</td>-->
                <!--</tr>-->
            </table>
            <!--<li class="mui-table-view-cell">-->
                <!--liyun-->
                <!--<button class="btn mui-bg-primary btn-small" style="float: right; color: #FFFFFF;" data-id="">领取</button>-->
            <!--</li>-->
        <!--</ul>-->
    </div>
    <script src="../js/adminList.js"></script>
</body>
</html>